<div id="file-list">
  <vue-collapse :title="header">
    <div slot="content" class="p-l30 p-r b-s">
      <el-upload action="#" ref="upload" class="pos-upload p-a" v-bind="$attrs" :show-file-list="false"
        :auto-upload="false" :on-change="onChange">
        <el-button class="el-icon-plus" style="font-weight: 600;" type="text">上传</el-button>
      </el-upload>
      <el-table v-if="fileList.length>0" :data="fileList" border>
        <el-table-column prop="fileName" label="名称"> </el-table-column>
        <el-table-column label="上传人">
          <template slot-scope="scope">
            {{changeName(scope.row)}}
          </template>
        </el-table-column>
        <el-table-column prop="fileSize" label="大小">
          <template slot-scope="scope">
            {{fileSizeFormat(scope.row.fileSize)}}
          </template>
        </el-table-column>
        <el-table-column prop="uploadTime" label="上传时间"> </el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <a href="javascript:;" style="font-size: 16px;" class="eliconfont icon-download c-p"
              @click.stop="download(scope.row)">
            </a>
            <a href="javascript:;" style="font-size: 16px;" class="eliconfont icon-exchange c-p m-l10"
              @click.stop="exchange(scope.row)">
            </a>
            <a href="javascript:;" style="font-size: 16px;" v-if="!disabled" class="eliconfont icon-trash c-p m-l10"
              @click.stop="deleteRow(scope.row)">
            </a>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </vue-collapse>
</div>